<style>
.wrap1{
    background:url('/images/site_image/bg6.jpg');
    background-size:100% 100%;
}
.single_image {
	width:200px;
	height:200px;
	display:block;
	margin-left:10px;
	margin-top:10px;
	float:left;
}
.single_image img {
	
	border:1px solid #bebebe;
}
.mainContent30 {
	background: url("../images/site_image/contentBg.png") repeat scroll left top transparent;
    margin-top: 5px;
    padding-top: 5px;
    width: 850px;
	margin-left:40px;
	overflow:hidden;
}
</style>
<?php 
$sql = 'select * from photo_gallery LIMIT 9';
$db = new DBQuery;
$photos = $db->query($sql);
?>
<div class="tabContent2">
	<h2 class="photoGalleryTitle">Thư viện ảnh</h2>
</div>
<div class="mainContent30">
	<?php if($photos) { foreach($photos as $photo):?>
	   <figure>
             <a class="single_image" href="<?php echo $path_img_photogallery . $photo['pho_image'];?>">
            <img width='200' height='200' src="<?php echo $path_img_photogallery . $photo['pho_image'];?>" alt="<?php echo $photo['pho_image']?>"  />
            </a>
        </figure>
    <?php endforeach;}?>
</div>
<script>
$("a.single_image").fancybox({
    'transitionIn'	:	'elastic',
	'transitionOut'	:	'elastic',
	'speedIn'		:	600, 
	'speedOut'		:	200, 
	'overlayShow'	:	false
});
</script>